<!DOCTYPE html>
<html>
<head>
	  <meta charset="utf-8">
	  <title>购物车页</title>
	  
    <link href="style/模板.css" rel="stylesheet" type="text/css">
    <link href="style/main.css" rel="stylesheet" type="text/css">
</head>
	<body>
		<div class="headerbar">
			<div class="topbar">
				<div class="comwidth">
					<div class="leftarea">  
						<a href="#" class="collection">收藏慕课 </a>
					</div>
					<div class="rightarea">
						<p>欢迎来到慕课网！<a href="">[登录]</a><a href="">[免费登录]</a></p>
					</div>
				</div>
			</div>	
			<div class="logobar">
				<div class="comwidth">
					<div class="logo fl">
						<a href="#"><img src="images/logo.jpg" alt="慕课网"></a>
					</div>
					<div class="stepBox fr">
						<div class="gouwutiao"> </div>
						<ul class="gouwuche_text">
							<li class="s01">我的购物车</li>
							<li  class="s02">填写核对订单</li>
							<li  class="s03">订单提交成功</li>
							
						</ul>
					</div>
				
				</div>
			</div>
		</div>	
		<div class="hr_12"></div>
		<div class="banner comwidth clearfix">
			<div class="shouhuobox">
				<div class="shouhuo">收货信息</div>
				<div class="shouhuocont">
					<div class="padding_3025">
						<ul>
							<li class="shouhuo01 clearfix">
							<i class="xingshouhuo"></i>
							<span>选择地区：</span>
							<div class="select shouhuoselect">
							<form action="">
								<select name="dizhi" id="">
									<option value="1" selected="selected">北京市 海定区 五环内</option>
									<option value="2">海</option>
									<option value="3">海定</option>
									<option value="4">五环内</option>
									<option value="5">海环内</option>
								</select>
							</form>													
						</div>
							</li>
							<li class="shouhuo01 clearfix">
							<i class="xingshouhuo"></i>
							<span>详细地址：</span>
							<input type="text" value="最多输入26个汉字" class="input1">
							</li>
							<li class="shouhuo01 clearfix">
							<i class="xingshouhuo"></i>
							<span>收货人：</span>
							<input type="text" value="最多10个汉字" class="input2">
							</li>
							<li class="shouhuo01 clearfix">
							<i class="xingshouhuo"></i>
							<span>手 机：</span>
							<input type="text" value="1234566777" class="input2 fl">
							<div class="guodingdianhua fl">
								<span>或固定电话：</span>
							<input type="text" value="1234566777" class="input3">-
							<input type="text" value="1234566777" class="input2">-
							<input type="text" value="1234566777" class="input2">
							</div>
							</li>
						</ul>
						<input type="button" value="确认收货地址" class="shouhuobtn">
					</div>
				</div>
			</div>
			<div class="hr_20"></div>
			<div class="shouhuobox">
				<div class="shouhuo">付款方式</div>
				<div class="shouhuocont">
					<div class="padding_3025">
						<ul>
							<li class="shouhuo01 clearfix">
								<div class="clearfix fl">
									<input type="radio" name="fangshi" class="input4">
									<span class="weixin">微信支付</span> 
								</div>
								<div class="weixindiv clearfix">
									<i class="weixintubiao"></i>
								<span class="weixin">用微信扫一扫就能支付！</span>
								</div>
							
							
							</li>
							<li class="shouhuo01 clearfix">
								<div class="clearfix fl">
									<input type="radio" name="fangshi" class="input4">
									<span class="weixin">货到付款</span> 
								</div>
								<div class="weixindiv clearfix">
								<span class="weixin">送货上门在付款，使用现金或银行卡！</span>
								</div>							
							</li>														
						</ul>						
					</div>
				</div>
			</div>
			<div class="hr_20"></div>
			<div class="shouhuobox">
				<div class="shouhuo">发票信息</div>
				<div class="shouhuocont">
					<div class="padding_3013">
						<div class="fapiaoclick">
							<input type="checkbox" class="input5">
							<span> 需要发票</span>
						</div>
						<ul>
							<li class="shouhuo01 clearfix">
								<i class="xingshouhuo"></i>
								<span class="fapiaoleixing">发票类型：</span>
								<div class="select shouhuoselect">
									<form action="">
										<select name="dizhi" id="">
											<option value="1" selected="selected">商业零售发票</option>
											<option value="2">海</option>
											<option value="3">海定</option>
											<option value="4">五环内</option>
											<option value="5">海环内</option>
										</select>
									</form>													
								</div>
							</li>
							<li class="shouhuo01 clearfix">
								<i class="xingshouhuo"></i>
								<span class="fapiaoleixing">发票抬头：</span>
								<div class="select shouhuoselect">
									<form action="">
										<select name="dizhi" id="">
											<option value="1" selected="selected">个人</option>
											<option value="2">海</option>
											<option value="3">海定</option>
											<option value="4">五环内</option>
											<option value="5">海环内</option>
										</select>
										
									</form>	
																		
								</div>
								<input type="text" class="input6" value="阿是吨">			
							</li>
							
							
						</ul>
						<ul>
							<li  class="baocun"><input type="button" value="保存" class="shouhuobtn baocun1"></li>
							<li><input type="button" value="取消" class="shouhuobtn baocun2"></li>
						</ul>
						
					</div>
				</div>
			</div>
			<div class="hr_20"></div>
			<div class="shouhuobox">
				<div class="shouhuo">
				<span>送货清单</span>
				<span class="span_xiugai"><a href="#">返回购物车修改</a></span>
				</div>
				<div class="shouhuocont">
					
						<ul class="clearfix songhuobox">
							<li class="songhuo_mingchen">商品民称</li>
							<li class="songhuo_item">单价</li>
							<li class="songhuo_item">返现</li>
							<li class="songhuo_item">数量</li>
							<li class="songhuo_xiaoji">小计</li>
						</ul>
						<ul class="clearfix songhuobox">
							<li class="songhuo_mingchen">
								<img src="images/icon/bingxiang.jpg" alt="冰箱" class="bingxiang_img">
								<p class="imgwenzi1">HIsense 海信 BCD-202D 202升 三开门冰箱（银色）</p>
								<p class="imgwenzi2">[赠品]保鲜盒抽真空保险黑</p>
							</li>
							<li class="songhuo_item">￥1459.00</li>
							<li class="songhuo_item">￥0.00</li>
							<li class="songhuo_item">
								<p class="imgwenzi1 textIndent_8">1</p>
								<p class="imgwenzi2 textIndent_8">1</p>
							</li>
							<li class="songhuo_xiaoji colorRed">￥1459.00</li>
						</ul>
						<div class="huanhuo clearfix">
							<p class="liuyan">若您对包裹有什么特殊要求请在此处留言</p>
							<div class="baoqian">
								<i class="quantanhao"></i>
								l是雷锋军绿色的纠纷楼上的减肥了深刻的房间里的会计法律（）
							</div>
							<div class="songhuo_mingchen">
								<img src="images/icon/zhijing.jpg" alt="冰箱" class="bingxiang_img">
								<p class="imgwenzi2">HIsense 海信 BCD-202D 202升 三开门冰箱（银色）</p>
								<p class="imgwenzi2">[赠品]保鲜盒抽真空保险黑</p>
								<p class="imgwenzi2">[赠品]保鲜盒抽真空保险黑</p>
							</div>
						</div>						
					
				</div>
			</div>
			<div class="hr_20"></div>
			<div class="shouhuobox">
				<div class="shouhuo">订单结算</div>
				<div class="shouhuocont clearfix">
					<div class="jiesuan">
						总计<span>￥1459.00</span>
					</div>
					<input type="button" class="btn2" value="提交订单">
						
						
						

					
				</div>
			</div>
		</div>	

		<div class="footer">
			<p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i> <a href="#">招纳贤士</a><i>|</i> <a href="#">联系我们</a><i>|</i>客服热线：400-675-1234</p>
			<p>Copyright © 2006 - 2014 慕课版权所有 &nbsp&nbsp京ICP备09037834号 &nbsp&nbsp京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123</p>
			<p><a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			</p>

		</div>	
	</body>
</html>